我站原创视频教程，网上视频教程学校，仅需要一个耳机+远程即可完成所有教学任务。

题 目:FLASH进度条的制作

今天刚做了个FLASH,用到了进度条,觉得不错。
方法步骤如下:
1.新建一个FLASH文档,然后做一些准备工作.(我用的是FLASH2004)单击"矩形"工具,在工作区中绘制一个只有边框没有填充的矩形.然后再绘制一个矩形,这个矩形只有填充没有边框,要比上面的那个边框小一点.然后按F8键将其转换为影片剪辑（注：其注册点一定要选在该矩形的最左侧），其实例名为bar .然后把这个有填充色的矩形放入没有填充色的矩形框中.
2.在上述两矩形旁边用文字工具拖出两个动态文本框，在属性中把其变量分别写为rate和mytimes(后面程序中会引用到).
3.新建图层,选中该层第一帧,然后打开"动作-帧"面板或按F9键打开动作脚本编辑窗口，输入以下代码 ：
this.onLoad=function(){
myBytesTotal=_root.getBytesTotal();
}
this.onLoad();
this.onEnterFrame=function(){
myBytesLoaded=_root.getBytesLoaded();
bar_xscale=myBytesLoaded/myBytesTotal*100;
percent=Math.round(bar_xscale);
this.bar._xscale=bar_xscale;
this.bar_per=percent+"%";
t=getTimer();
rate= "下载速度：" + Math.round(myBytesLoaded/t * 100)/100 + " K/s";
timeLoaded=Math.round(t/1000);
timeRemain=Math.round(timeLoaded*(myBytesTotal-myBytesLoaded)/myBytesLoaded);
timeRemain=Math.round(timeRemain/60)+":"+Math.round(timeRemain%60);
timeLoaded=Math.round(timeLoaded/60)+":"+Math.round(timeLoaded%60);
mytimes="已用时间"+timeLoaded+" "+"剩余时间"+timeRemain;
if(myBytesLoaded==myBytesTotal){
delete this.onEnterFrame;
_root.nextFrame();
}else{
this.stop();
}
}
4.然后从第二帧开始就可以做你的动画了.如果想先看一下效果的话,可以先导入一张图片,选中第二帧后,单击"文件"--"导入"--"导入到舞台"命令,导入一幅图片作为加载之后的动画画面.右击第三十帧,在弹出的菜单中选择"插入帧"命令.将第三帧到第三十帧选中,右击,在弹出的菜单中选择"转换为关键帧"命令,这样做的目的是为了减慢加载进度.
5.执行主菜单"控制"--"测试影片"命令.然后执行主菜单"视图"--"下载设置"14.4(1.2KB/S)"命令和"视图"--"模拟下载"命令,测试动画效果.
代码中的注释:
① this.onLoad=function(){
myBytesTotal=_root.getBytesTotal();
}此段代码是指,当影片剪辑(本例指两矩形和一动态文本框所存在的主场景)加载时,读取主时间轴存在的所有元素的总字节数并赋值给变量myBytesTotal。
② this.onLoad();
flash事件处理函数MovieClip.onLoad=function(){…}有些奇怪,其中设置的代码，若不在后面加上this.onLoad()
这些代码并不能执行，因此加上这一句以便这些代码得以执行。
③ myBytesLoaded=_root.getBytesLoaded();//读取主时间轴存在的所有元素已加载的字节数,并将其赋值给变量myBytesLoaded。
④ bar_xscale=myBytesLoaded/myBytesTotal*100;//将myBytesTotal折算成100时，
myBytesLoaded所得到的折算值赋给变量bar_xscale，
以便给主场景中bar的_xscale赋值（_xscale的最大值只能为100），这里用到了初等数学的比例计算。⑤ percent=Math.round(bar_xscale);//将变量bar_xscale的值取整后赋给变量percent，以便显示的百分比不带小数。

省级FLASH课件制作培训请加我站管理QQ444860709 培训QQ专业群67042004。

FLASH8.0教程→ flash cs3视频教程 flashcs3教程 flash cs3教程下载 flashcs3视频教程 flash cs3 pro教程 flash cs3教程网 flash cs3 实例教程 flashcs3教程下载 flash cs3教程 pdf flash cs3按钮教程